<template>
  <div class="h-root">
    <div class="root">
      <img src="../assets/duitang.png">
      <a href="http://www.duitang.com">APP打开</a>
      <a href="http://www.duitang.com" class="xiazai">下载</a>
    </div>
  </div>
</template>
<script>
export default {

}
</script>
<style scoped>
.h-root{
    box-sizing: border-box;
    padding: 5px;
    background-color: white;
}
img {
  width: 157px;
  height: 53px;
}

.root {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}

a {
  width: 60px;
  height: 30px;
  color: #F25555;
  border: 1px solid #F25555;
  line-height: 30px;
  font-size: 12px;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  margin-bottom: 10px;
}

.xiazai {
  width: 60px;
  height: 30px;
  color: white;
  background-color: #F25555;
  font-size: 12px;
  line-height: 30px;
  display: flex;
  justify-content: center;
}
</style>
